import React from 'react';
import { HomeOutlined, UserOutlined } from '@ant-design/icons';
import { Breadcrumb } from 'antd';

export default function MyBread(props) {
    const {children} = props;
    return (
        <Breadcrumb>
            <Breadcrumb.Item href="" >
                <HomeOutlined />
            </Breadcrumb.Item>

        {
            (()=>{

                if(children==="Index"){
                    return <div></div>
                }else{
                    return (<Breadcrumb.Item>{children}</Breadcrumb.Item>)
                }
            })()
        }

    </Breadcrumb>
    )
}
